<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中国古代史在线学习</title>
    <!-- 引入外部CSS文件，可以根据实际情况编写 -->
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <h1>中国古代史在线学习平台</h1>
        <nav>
            <ul>
                <li>朝代更迭</li>
                <li>重大事件</li>
                <li>历史人物</li>
            </ul>
        </nav>
    </header>
    
    <main>
        <section id="dynasties">
            <h2>中国历代王朝</h2>
            <!-- 这里填写具体的朝代列表 -->
            <ul>
                <li>夏朝</li>
                <li>商朝</li>
                <li>周朝</li>
                <!-- ...其他朝代... -->
            </ul>
        </section>
        
        <section id="important_events">
            <h2>重大历史事件</h2>
            <!-- 这里填写具体的历史事件简介 -->
            <ol>
                <li>秦始皇统一六国</li>
                <li>汉武帝开疆拓土</li>
                <!-- ...其他重要事件... -->
            </ol>
        </section>
        
        <section id="historical_figures">
            <h2>著名历史人物</h2>
            <!-- 这里填写具体的人物简介 -->
            <div class="figures">
                <div class="figure">
                    < img src="images/confucius.jpg" alt="孔子画像">
                    <p>孔子 - 春秋时期伟大的教育家与思想家</p >
                </div>
                <!-- ...其他历史人物... -->
            </div>
        </section>
    </main>
    
    <footer>
        <p>版权所有 © 2024 古代史在线学习网</p >
    </footer>
</body>
</html>